<template>
  <div class="container">
    <!-- 头部 -->
    <div>这里是头部</div>
    <!-- 路由页面 -->
    <div class="main-content with-side-bar">
      <router-view />
    </div>
    <!-- 底部bar -->
    <div>这里是底部</div>
  </div>
</template>

<script setup>
import { assetsUrl } from "@/utils/request"
import { storage } from "@/utils/storage"
import { ElMessage } from 'element-plus'
import { Search } from "@element-plus/icons-vue";
import { useRouter } from "vue-router";
import Login from "@/pages/login.vue";
import { ref, reactive, onMounted, } from "vue";
const router = useRouter();

const showLogin = ref(false);
const loginStatusVal = ref(true);
const moreShowStatus = ref(false);
const info = ref({})
const tabList = reactive([
  {
    name: "发现",
    status: true,
    id: 1,
    path: "/"
  },
]);
info.value = storage.get('info')
// 挂载
onMounted(() => {
  console.log('这里是index页面的onMounted', info.value)
})

const toDashboard = () => {
  router.push({ path: "/" });
};

</script>

<style lang="less" scoped>
.icon_cursor {
  cursor: pointer;
}
</style>
